<div *ngIf="isModalShown" [config]="{ show: true }" (onHidden)="onHidden()"
     bsModal #bookingModal="bs-modal" class="modal fade login-modal-view wf-login-modal" tabindex="-1" role="dialog"
     aria-hidden="true">

  <div class="modal-dialog modal-sm">
    <div class="modal-content">
      <div class="payment-title">
        <app-title [titleCpt]="paymentViewTitleCpt[0]"></app-title>
      </div>
      <div class="sayhi">
        <span class="font_18">{{hello}}{{user.name}}</span>
      </div>
      <div class="modal-body">
        <div class="payment-container">
          <form class="payment-form form-horizontal">
            <div class="tabs">
              <a href="javascript:;"
                 *ngFor="let item of billTypeItems"
                 (click)="toggleType(item)"
                 [ngClass]="{active: item.isActive==true}">
                <span>{{item.name}}</span>
              </a>
            </div>
            <div class="pay-detail">
              <div *ngIf="billTypeItems[0].isActive==true" class="top-up-amount">
                <p class="font_18">充值金额</p>
                <p>
                  <span *ngFor="let v of moneyItems"><input type="radio" name="price" [value]="v.value">&nbsp;{{v.name}}</span>
                </p>
              </div>
              <div *ngIf="billTypeItems[1].isActive==true" class="top-up-amount">
                <p class="font_18">充值金额</p>
                <p>
                  <span *ngFor="let v of moneyItems"><input type="radio" name="price" [value]="v.value">&nbsp;{{v.name}}</span>
                </p>
              </div>
              <button class="bg-green" (click)="doCharge()">确定</button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
